.layui-table td,
.layui-table th,
.layui-table-col-set,
.layui-table-fixed-r,
.layui-table-grid-down,
.layui-table-header,
.layui-table-page,
.layui-table-tips-main,
.layui-table-tool,
.layui-table-total,
.layui-table-view,
.layui-table[lay-skin="line"],
.layui-table[lay-skin="row"] {
	border-color: #ccc;
}
.ui-dark {
	// table
	@body-font-color: #fff;
	@layui-table-bg-color: #333;
	@layui-table-text-color: #ccc;
	@layui-table-border-color: darken(@layui-table-thead-bg, 10%);
	@layui-table-thead-bg: #3c3e4e;
	@layui-table-text-color: #fff;
	@layui-table-tool-bg: #20202a;
	.layui-table-view {
		.layui-table[lay-skin="line"] {
			border-width: 0 0px 0 0;
		}

		.layui-table-header {
			border: 0;
		}

		.layui-table-fixed-r {
			border: 0;
		}

		.layui-table-page {
			border-color: @layui-table-border-color;
		}

		border: 1px solid @layui-table-border-color;

		.layui-table-box {
			.layui-table-header {
				background-color: rgba(255, 255, 255, 0);

				thead {
					tr {
						th {
							background: @layui-table-thead-bg;
							font-weight: bold;
							color: @layui-table-text-color;
						}
					}
				}
			}
		}
	}

	.layui-table {
		width: 100%;
		background-color: @layui-table-bg-color;
		color: @layui-table-text-color;
		th {
			background: @layui-table-thead-bg;
			border-width: 1px;
			border-style: solid;
			border-color: @layui-table-border-color;
		}
		// thead {

		// }

		tbody {
			tr {
				background: fade(@layui-table-bg-color, 90%);

				& th,
				& td {
					border-width: 1px;
					border-style: solid;
					border-color: fade(@layui-table-border-color, 90%);
				}

				th {
					background: @layui-table-thead-bg;
				}

				td {
					.layui-btn {
						margin: 3px;
					}
				}

				&:hover {
					background: darken(@layui-table-bg-color, 5%);
				}

				&.layui-table-hover {
					background: darken(@layui-table-bg-color, 10%);
				}
			}

			// a {
			//     color: #fff !important;
			// }
		}
		&[lay-even] {
			tr:nth-child(even) {
				background: darken(@layui-table-bg-color, 5%);
			}
		}
		&[lay-skin="line"],&[lay-skin="row"] {
			border-color: @layui-table-border-color;
		}
	}

	.layui-table-body {
		.scrollbar();
	}

	.layui-table-mend {
		background-color: rgba(0, 0, 0, 0);
	}

	// 加载数据
	.layui-table-init {
		background: @layui-table-bg-color;
	}

	.layui-table-tool {
		// @body-font-color:#333;
		background: @layui-table-tool-bg;
		border-bottom: 1px solid lighten(@layui-table-tool-bg, 30%);
		color: @body-font-color;

		.layui-inline[lay-event] {
			border: 1px solid @layui-table-border-color;
			color: @layui-table-text-color;
		}

		.layui-table-tool-self {
			.layui-table-tool-panel {
				border: 1px solid lighten(@layui-table-tool-bg, 30%);
				background: @layui-table-tool-bg;

				li {
					span {
						color: #fff;
					}

					&:hover {
						background: lighten(@layui-table-tool-bg, 30%);

						span {
							background-color: none;
						}
					}

					.layui-form-checked span {
						color: #fff;
						background-color: none;
					}
				}
			}
		}
	}

	.art_table_list {
		background: none;

		tbody {
			tr {
				background: none;

				td {
					border: 0;
					border-bottom: 1px solid lighten(@layui-table-tool-bg, 30%);
				}

				&:hover {
					background: darken(@layui-table-bg-color, 5%);
				}

				&.layui-table-hover {
					background: darken(@layui-table-bg-color, 10%);
				}
			}

			a {
				color: #fff !important;
			}
		}

		.tit:after {
			content: "";
			background: #cccccc;
			width: 4px;
			height: 4px;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-o-border-radius: 4px;
			-webkit-border-radius: 4px;
			display: block;
			position: absolute;
			left: 5px;
			top: 50%;
		}
	}

	.layui-table-fixed-r {
		.layui-table-header {
			&:before {
				content: "";
				background: @layui-table-thead-bg;
				width: 8px;
				height: 100%;
				position: absolute;
				top: 0;
				right: -7px;
				display: block;
				z-index: 99999;
			}
		}
	}
}
